<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>充值中心</title>
</head>

<style>
    .paycenter {
        width: 85%;
        height: 500px;
        margin: 50px auto 20px;
    }


    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }
</style>

<body>
    <div class="paycenter">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">金额</label>
                <div class="layui-input-block">
                    <input type="number" name="money" autocomplete="off" placeholder="请输入充值金额" class="layui-input"
                        style="width: 200px;" maxlength="11" required onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>

        </form>
    </div>

    <script type="text/javascript" src="/static/layui/layui.js"></script>
    <script type="text/javascript" src="/static/js/pay.js"></script>
</body>

</html>